<template>
	<view class="_status" :style="{
		background: bgColor,
		color: color
	}">
		{{ text }}
	</view>
</template>

<script setup>
	const props = defineProps({
		text: String,
		bgColor: String,
		color: String
	})
</script>

<style lang="scss" scoped>
	._status {
		width: max-content;
		padding: 6rpx 8rpx;
		border-radius: 4rpx;
		font-weight: 500;
		font-size: 20rpx;
		color: #1677FF;
		line-height: 20rpx;
	}
</style>